<template>
    <div class="my-set">
        <ul>
            <li>
                <img src="@/assets/images/qd.png" alt="签到">
                <p>签到</p>
            </li>
            <li>
                <img src="@/assets/images/cup.png" alt="cup">
                <p>礼券</p>
            </li>
            <li>
                <img src="@/assets/images/bargin.png" alt="bargin">
                <p>砍价</p>
            </li>
            <li>
                <img src="@/assets/images/zl.png" alt="zl">
                <p>专栏</p>
            </li>
        </ul>
    </div>
</template>

<style scoped lang="scss">
.my-set {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 20% 20% 0 0;
    ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 30px 0;
        li {
            font-size: 36px;
            text-align: center;
            p {
                margin-top: 30px;
            }
            img {
                display: block;
                width: 92px;
                height: 92px;
            }
        }
    }
}
</style>